<!doctype html>
<html>
	<head>
		<title> Test PUI style with angular -- sticky </title>
		<link rel="stylesheet" href="../jquery-ui/jquery-ui-1.9.2.custom.min.css" />
		<link rel="stylesheet" href="../production/primeui-1.0-min.css" />
		<link rel="stylesheet" href="../themes/aristo/theme.css" />
	</head>

	<body ng-controller="MainCtrl">

	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>

	<div class="pui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix pui-menubar" pui-sticky="">
   <ul id="stickymenu" class="pui-menu-list ui-helper-reset"> 
    <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"> <a data-icon="ui-icon-document" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-document"></span><span class="ui-menuitem-text">File</span></a> 
     <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
      <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"><a data-icon="ui-icon-contact" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-contact"></span><span class="ui-menuitem-text">New</span></a> 
       <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Project</span></a></li> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Other</span></a></li> 
       </ul> </li> 
      <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Open</span></a></li> 
      <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Quit</span></a></li> 
     </ul> </li> 
    <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"> <a data-icon="ui-icon-pencil" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-pencil"></span><span class="ui-menuitem-text">Edit</span></a> 
     <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
      <li class="pui-menuitem ui-widget ui-corner-all"><a data-icon="ui-icon-arrowreturnthick-1-w" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-arrowreturnthick-1-w"></span><span class="ui-menuitem-text">Undo</span></a></li> 
      <li class="pui-menuitem ui-widget ui-corner-all"><a data-icon="ui-icon-arrowreturnthick-1-e" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-arrowreturnthick-1-e"></span><span class="ui-menuitem-text">Redo</span></a></li> 
     </ul> </li> 
    <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"> <a data-icon="ui-icon-help" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-help"></span><span class="ui-menuitem-text">Help</span></a> 
     <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow" style="height: 0px; z-index: 1002; left: 0px; top: 28px; overflow: auto; display: none;"> 
      <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Contents</span></a></li> 
      <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"> <a data-icon="ui-icon-search" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-search"></span><span class="ui-menuitem-text">Search</span></a> 
       <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
        <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"><a class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="ui-menuitem-text">Text</span></a> 
         <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
          <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">Workspace</span></a></li> 
         </ul> </li> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a class="pui-menuitem-link ui-corner-all"><span class="ui-menuitem-text">File</span></a></li> 
       </ul> </li> 
     </ul> </li> 
    <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"> <a data-icon="ui-icon-gear" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-gear"></span><span class="ui-menuitem-text">Actions</span></a> 
     <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow" style="height: 0px; z-index: 1001; left: 0px; top: 28px; overflow: auto; display: none;"> 
      <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"><a data-icon="ui-icon-refresh" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-refresh"></span><span class="ui-menuitem-text">Ajax</span></a> 
       <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a data-icon="ui-icon-disk" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-disk"></span><span class="ui-menuitem-text">Save</span></a></li> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a data-icon="ui-icon-arrowrefresh-1-w" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w"></span><span class="ui-menuitem-text">Update</span></a></li> 
       </ul> </li> 
      <li class="pui-menuitem ui-widget ui-corner-all pui-menu-parent"><a data-icon="ui-icon-document" class="pui-menuitem-link ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><span class="pui-menuitem-icon ui-icon ui-icon-document"></span><span class="ui-menuitem-text">Non-Ajax</span></a> 
       <ul class="ui-widget-content pui-menu-list ui-corner-all ui-helper-clearfix pui-menu-child pui-shadow"> 
        <li class="pui-menuitem ui-widget ui-corner-all"><a data-icon="ui-icon-close" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-close"></span><span class="ui-menuitem-text">Delete</span></a></li> 
       </ul> </li> 
     </ul> </li> 
    <li class="pui-menuitem ui-widget ui-corner-all"> <a data-icon="ui-icon-close" class="pui-menuitem-link ui-corner-all"><span class="pui-menuitem-icon ui-icon ui-icon-close"></span><span class="ui-menuitem-text">Quit</span></a> </li> 
   </ul>
  </div>

	<br />
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>
	<p>aaa</p>

	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="zepto-1.1.3.js"></script>
	<script type="text/javascript" src="all.js"></script>
	<script language="javascript">
	var md = angular.module('md', ['pui']);
	md.controller('MainCtrl', function($scope){
	});

	angular.bootstrap(document, ['md']);
	</script>
	</body>
</html>